//Vue 应用的入口脚本，负责创建 Vue 实例、配置全局资源，并将应用挂载到 HTML 的指定元素上
// import { createApp } from 'vue'
// import './style.css' // 全局样式
// import App from './App.vue' //导入并使用App.vue作为整个应用的根组件
// createApp(App).mount('#app') //依赖index.html中的<div id="app">作为挂载点


// 引入CSS样式
import './assets/main.css'

// 引入Vue
import { createApp } from 'vue'

// 引入pinia
import { createPinia } from 'pinia'
   
// 引入Element Plus及图标
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import * as Icons from '@element-plus/icons-vue'
import zhCn from 'element-plus/es/locale/lang/zh-cn'

// 引入顶层组件
import App from './App.vue'
// 引入路由表
import router from './router'
// 路由守卫
// import '@/router/guard.js'

// 1. 加载顶层组件，创建一个应用
const app = createApp(App);

// 挂载ElementPlus
app.use(ElementPlus, {
    locale: zhCn,
  })

// 挂载路由
app.use(router);

// 挂载pinia
const pinia = createPinia();
app.use(pinia);

// 遍历注册Element Plus 图标
for( const [key, component] of Object.entries(Icons)){
    app.component(key, component);
}

// 挂载到id为app的标签上  index.html中
app.mount('#app')